{extends file="assets::smarty-templates::Master"|ToPath}
{block name="content"}
{html_css file="whiteLabel/light/jquery.datatables.css"}
{html_css file="tooltip/coda.css"}

<h1>Interesados</h1>
<a href="{$index}" class="small btn icon i_arrow_left">Regresar al Listado</a>
<fieldset>
    <table class="datatable">
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Tipo de Usuario</th>
                <th>Correo Electronico</th>
                <th>Programa Acad&eacute;mico</th>
                <th>D&iacute;a</th>
                <th>Jornada</th>
                <th style="width: 100px;"></th>
            </tr>
        </thead>
        <tbody>
            {foreach $interesados as $interesado}
                <tr>
                    <td>{$interesado['nombre']}</td>
                    <td>{if $interesado['tipoInteresado'] == 1}Docente{else}{if $interesado['tipoInteresado'] == 2}Estudiante{else}Externo{/if}{/if}</td>
                    <td>{$interesado['email']}</td>
                    <td>{$interesado['nombrePrograma']}</td>
                    <td>{$interesado['itinerario']['dia']}</td>
                    <td>{$interesado['itinerario']['jornada']}</td>
                    <td>
                        <a href="{$eliminarInteresado}&idInteresado={$interesado["id"]}" class="small btn onlyicon icon tooltip i_trashcan" title="Eliminar"></a>
                    </td>
                </tr>
            {/foreach}
        </tbody>
    </table>
</fieldset>
            
<script type="text/javascript">
    {literal}
        require(["WhiteLabel.datatables", "jQuery.ToolTip", "jquery"], function(jQuery){
            jQuery(document).ready(function($){
                $(".tooltip").tooltip({
                    track: true,
                    delay: 0,
                    fixPNG: true,
                    top: -5,
                    left: 30
                });
                /*
                    top: 15,
                    left: 10
                */ 
            });
        });
    {/literal}
</script>
{/block}